﻿@model QuanLyGiaoVuDAL.DTO.DeTaiDTO
@{
    Layout = null;
}

@if(Model!=null)
{
<div>
    <div>
        <div>
            <span style="width: 100px; margin: 10px;">Tên Đề Tài:</span><span><input type="text" id="TenDeTai" style="width: 700px;" value="@Model.TenDeTai" /></span>
        </div>
        <div style="margin-left: 15px;">Mô Tả:</div>
        <div>
            <textarea id="MoTa" name="MoTa" rows="15" cols="80" style="width: 80%; margin-left: 85px;">@Model.MoTa</textarea>
        </div>
        <div>            
            <input type="button" aria-valuetext="@Model.MaDeTai" id="SuaDeTai" value="Cập nhật" style="width: 100px; padding: 5px; float: right; margin-right: 200px; margin-bottom: 30px;" />
        </div>
    </div>
</div>
}else{
    <div>
    <div>
        <div>
            <span style="width: 100px; margin: 10px;">Tên Đề Tài:</span><span><input type="text" id="TenDeTai" style="width: 700px;" /></span>
        </div>
        <div style="margin-left: 15px;">Mô Tả:</div>
        <div>
            <textarea id="MoTa" name="MoTa" rows="15" cols="80" style="width: 80%; margin-left: 85px;"></textarea>
        </div>
        <div>
            <input type="button" id="ThemDeTai" value="Thêm" style="width: 100px; padding: 5px; float: right; margin-right: 200px; margin-bottom: 30px;" />            
        </div>
    </div>
</div>
}
<script type="text/javascript">
    var editor = CKEDITOR.replace('MoTa');
</script>

<script>
    $(document).ready(function () {
        $('#ThemDeTai').click(function () {
            var TenDeTai = $("#TenDeTai").val();
            //var MoTa = $('#MoTa').val();
            var MoTa = editor.getData();
            //alert(TenDeTai + "MoTa:" + MoTa);
            if (TenDeTai.trim().length < 1 || MoTa.trim().length < 1) {
                ToastManager.showStickyWarningToast("Tên đề tài và mô tả không được rỗng!");
                return;
            }
            else {
                $.post("/GiangVienClient/DeTai", { TenDeTai: TenDeTai, MoTa: MoTa }, function (data) {
                    //alert(data.message);
                    //if (data.success == true) {
                    //    window.location = "/GiangVienClient/DeTai";
                    //}
                    ThongBao(data);
                });
            }
        });
        $('#SuaDeTai').click(function () {
            var TenDeTai = $("#TenDeTai").val();
            var MaDeTai = $(this).attr("aria-valuetext");
            var MoTa = editor.getData();
            //alert(TenDeTai + "MoTa:" + MoTa);
            if (TenDeTai.trim().length < 1 || MoTa.trim().length < 1) {
                ToastManager.showStickyWarningToast("Tên đề tài và mô tả không được rỗng!");
                return;
            }
            else {
                $.post("/GiangVienClient/CapNhatDetai", { maDeTai:MaDeTai,tenDeTai: TenDeTai, moTa: MoTa }, function (data) {
                    //alert(data.message);
                    //if (data.success == true) {
                    //    window.location = "/GiangVienClient/DeTai";
                    //}
                    ThongBao(data);
                });
            }
        });
    });
    function ThongBao(data) {
        if (data.success) {
            ToastManager.showSuccessToast("Cập nhật thành công.");
            window.setTimeout("refreshPage", 3000);
            setTimeout(function () {
                refreshPage();
            }, 3000);
        }
        else {
            ToastManager.showStickyWarningToast(data.message);
        }
    }
    function refreshPage() {
        window.location = "/GiangVienClient/DeTai";
    }
</script>
